<!-- legate.html -->


<!-- [[file:~/literate-programming/soul-hunter-awakening-damage-calculator-web-edition.org::*legate.html][legate.html:1]] -->
<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta http-equiv="Content-Type" name="viewport" content="width=device-width">
    <link href="legate.png" rel="shortcut icon">
    <title>猎魂觉醒伤害计算器</title>
  </head>
  <style type="text/css">
    body{margin:0}
    p{margin:0;min-width:50%;}
    p:after{content:":"}
    input{
        border:2px solid;
        border-radius:4px;
        text-align:center;
    }
    a{text-decoration:none;}
    #board{max-width:640px;margin:auto;}
    #board div,details div{display:flex}
    .details,details{padding:8px}
    details .details{margin:0 8px;}
    #board .title{
        border:1px solid;
        padding:4px;
        font-size:x-large;
        border-left:none;
        border-right:none;
        margin:8px;
    }
    .title input{
        font-size: inherit;
        max-width:50%;
    }
    #board > div.title > input{
        padding:0;
        margin:0
    }
    #board > div.filter{
        display:block;
        font-size: small;
        margin:8px;
        padding:4px;
    }
    #board > div.filter > div > input{
        font-size: small;
        padding: 0;
        margin: 0;
        border: none;
        text-align:left;
    }
    #board > div.filter > div > input:disabled{
        background:none;
	width: 100%;
    }
    #board > div.console{
        display: block;
        height: 48px;
        overflow: auto;
        background: black;
        color: white;
        margin: 8px;
        padding:4px;
	border-radius: 4px;
    }
    #board > div.link,
    #board > div.toolBar{
	margin: auto;
	padding: 4px;
	display: block;
	text-align:center;
    }
    #board > div.link{
	margin:4px;
    }
    #board > div.link > *,
    #board > div.toolBar > *{
	padding: 4px;
	margin: 4px;
	background: #efefef;
	color: black;
	border-radius: 4px;
	border: 2px solid;
	border-radius: 4px;
	font-size: small;
	max-width: 120px;
    }
    select{
	appearance:none;
    }
  </style>
  <body>
    <div id="board"></div>
    <!-- <script type="text/javascript" src="./legate.js"></script> -->
    <script type="module" src="./legate.module.js"></script>
  </body>
</html>
<!-- legate.html:1 ends here -->
